<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index.css">
</head>
<body class="body">
<div>
    <div class="top">
        <!--        红色区域-->
        <div>
            <!--            蓝色区域-->
            <div>
                <!--                黄色区域-->
                <div><img src="../img/logo.jpg" height="141" width="204"/></div>
                <div>
                    <!--                    灰色区域-->
                    <div><img src="../img/phone.png" height="30" width="30"/></div>
                    <div>028-99999999</div>
                </div>
            </div>
        </div>
        <!--        红色区域，有背景颜色-->
        <div class="nav">
            <!--            蓝色区域，需要居中-->
            <div>
                <div>网站首页</div>
                <div>公司介绍</div>
                <div>新闻页面</div>
                <div>产品页面</div>
                <div>在线留言</div>
                <div>联系我们</div>
            </div>
        </div>
        <!--        红色边框-->
        <div class="ad">
            <!--            蓝色边框左右居中-->
            <div>
                <!--                绿色边框上下居中-->
                <div>
                    <!--                    具体内容-->
                    <div>
                        品味生活·品味美食
                    </div>
                    <div>
                        <div> 一壶茶彻出了生活的醇美</div>
                        <div> 一枝花开出了生活的鲜艳</div>
                        <div> 一首诗吟出了生活的酸辛</div>
                        <div>一把火燃烧出了生活的激情</div>
                        <div> 一枝笔绘出了人生的五彩缤纷</div>
                        <div> 一首歌唱出了人生的喜怒哀惧</div>
                        <div>生活像五味瓶,这么酸、这么甜、这么苦、又这么辣</div>
                    </div>
                    <div>
                        <div>
                            <div>品味</div>
                            <div>生活</div>
                            <div>品味</div>
                            <div>美食</div>
                        </div>
                        <div>星语餐饮给你生活指南</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div>中间</div>
    <div>底部</div>
</div>
</body>
</html>
